$(function(){
	// Accordion
	$("#accordion").accordion({ 
		header: "h2, h3", 
		autoHeight: false
	});
	// Tabs
	$('#tabs').tabs();
	// Dialog			
	//$('#dialog').dialog({
//		autoOpen: false,
//		width: 600,
//		buttons: {
//			"Ok": function() { 
//				$(this).dialog("close"); 
//			}, 
//			"Cancel": function() { 
//				$(this).dialog("close"); 
//			} 
//		}
//	});	
	// Dialog Link
	$('#dialog_link').click(function(){
		$('#dialog').dialog('open');
		return false;
	});
	// Datepicker
	$('#datepicker').datepicker({
		inline: true
	});
	// Slider
	$('#slider').slider({
		range: true,
		values: [17, 67]
	});
	// Progressbar
	$("#progressbar").progressbar({
		value: 100
	});
	//hover states on the static widgets
	$('#dialog_link, ul#icons li').hover(
		function() { $(this).addClass('ui-state-hover'); }, 
		function() { $(this).removeClass('ui-state-hover'); }
	);
	$('#flashMessage').addClass('ui-state-highlight ui-corner-all');
	$(document).ready(function(){
		$('input').focus( function(){
			$(this).addClass('selectedInput');
		});
		$('input').blur( function(){
			$(this).removeClass('selectedInput');
		});
		$('textarea').focus( function(){
			$(this).addClass('selectedInput');
		});
		$('textarea').blur( function(){
			$(this).removeClass('selectedInput');
		});
	});
});